.{$steps-prefix}
  display flex
  &-item
    flex 1
    transition $transition-time
    position relative
    &.{$steps-prefix}-item-last .{$steps-prefix}-tail
      display none
  &-content
    display inline-block
    position relative
    z-index 1
  &-icon
    font-size 16px
    color $gray2-color
    background-color $white-color
    display inline-block
    padding-right 10px
    transition color .3s
  &-index
    background-color $white-color
    border-radius 50%
    border 1px solid $gray2-color
    height 30px
    position relative
    transition background .2s
    > i
      font-size 16px
      overflow hidden
      position absolute
      left -1px
      top -1px
      font-style normal
      line-height 30px
  &-icon-custom
    font-size 25px
    background-color $white-color
    line-height 1
  &-success
    opacity 0
  &-desc
    color $gray2-color
    font-size $font-size-mini
  &-tail
    border-top 1px solid $gray3-color
    position absolute
    left 0
    right 10px
    top 15px
  &-process
    .{$steps-prefix}-icon
      color $primary-color
    .{$steps-prefix}-index
      background-color $primary-color
      border-color $primary-color
      color $white-color
      font-weight 700
    .{$steps-prefix}-title
      font-weight 700
  .{$steps-prefix}-index, .{$steps-prefix}-index > i
    display inline-block
    width 30px
    text-align center
  &-actived
    .{$steps-prefix}-index
      border-color $primary-color
      background-color $white-color
    .{$steps-prefix}-index-num
      opacity 0
    .{$steps-prefix}-success
      opacity 1
    .{$steps-prefix}-icon
      color $primary-color
  &-transverse &-content
    .{$steps-prefix}-icon
      float left
      vertical-align top
    .{$steps-prefix}-words
      display inline-block
    .{$steps-prefix}-title
      background-color $white-color
      display inline-block
      padding-right 10px
